<!--  frame 我的评论 -->
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
  <meta name="divport" content="width=device-width,initial-scale=1,user-scalable=no" />
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no" />
	<title>我的评论</title>
	<link rel="stylesheet" href="../plugin/hhframe/hhframe.min.css" />
	<link rel="stylesheet" href="../style/index.css"/>

	<style>

	body {
	  /*background-color:#F8F8F8;*/
	}
	/* pages/my/my_comment/my_comment.wxss */

	/* pages/my/my_comment/my_comment.wxss */

.wrap {
  padding: .30rem;
}

.comment {
  padding: 0 .20rem;
  background: #fff;
  border-radius: .10rem;
}

.comment_t_box {
  display: flex;
  height: 1.10rem;
  line-height: 1.10rem;
  border-bottom: 1px solid #e5e5e5;
}

.com_t_title {
  width: 1.00rem;
  font-size: .28rem;
  color: #999;
}

.com_t_cont {
  width: 100%;
  font-size: .30rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.comment_b_box {
  height: 1.48rem;
}

.com_b_cont {
  line-height: .40rem;
  font-size: .28rem;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-top: .35rem;
}

.comment_time {
  height: .19rem;
  line-height: .19rem;
  text-align: right;
  font-size: .24rem;
  color: #999;
  margin: .19rem 0 .24rem 0;
}

.gengduo {
  margin-top: .40rem;
  height: .28rem;
  line-height: .28rem;
  text-align: center;
  font-size: .28rem;
  color: #999;
}
.no-data{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 0.28rem;
	margin-top: 2rem;
	color: #999;
}


	</style>
</head>
<body>
	<div class="content app" v-cloak>

<div class="wrap">
  <div v-if="comment.length>0">
    <div class="section" v-for="(item,index) in comment" :key="index">
      <div class="comment">
        <div class="comment_t_box">
          <div class="com_t_title">评论：</div>
          <div class="com_t_cont">{{item.content}}</div>
        </div>
        <div class="comment_b_box">
          <div class="com_b_cont">{{item.title}}</div>
        </div>
      </div>
      <div class="comment_time">{{item.create_time}}</div>
    </div>
    <div  class="gengduo">暂无更多评论</div>
  </div>
  <div v-if="comment.length==0" class="no-data">
    <img src="../image/notice.png" alt="">
		<div class="">
			暂无评论
		</div>
  </div>
</div>
	</div>
</body>
<script src="../plugin/jquery.js"></script>
<script src="../plugin/vue.all.js"></script>
<script src="../plugin/hhframe/hhframe.min.js"></script>
<script src="../plugin/public.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
window.addEventListener("apiready",function(){
	index()
});

function index()
{
	var vm = new Vue({
		el: ".app",
		data: {
					comment:[]
		},
		mounted: function(){
			this.getData()
		},
		methods: {
			//获取数据
						getData: function (loader){
							AjaxSafe({
						   		url:"/xapp/user/myComment",
						    	loader:loader,
								success: function(res) {
										vm.comment = res
								},
								failed: function(err){
										alert("网络故障！");
								}
							});
						},
		},

	});
}

</script>
</html>
